@import '../../../libs/base.less';


.modal-alert {
  display: none;
}

@login-height: 240px;
@login-width: 260px;

@margin-left: 15px;
@header-height: 40px;
header {
  position: relative;
  width: 100%;
  height: @header-height;
  background: #0092D7;

  .logo {
    width: 100%;
    height: 100%;
    float: left;
    text-align: center;

    .title {
      margin-left: -60px;
      color: #fff;
      font: normal normal normal 16px/@header-height 'microsoft yahei';
    }

    a {
      float: left;
      margin: 0 @margin-left;
      color: #fff;
      font: normal normal normal 16px/@header-height 'microsoft yahei';
      text-decoration: none;
    }
  }
}

.wrapper {
	position: absolute;
	top: 50%;
	left: 50%;
	width: @login-width;
	height: @login-height;
	margin: (-@login-height/2 - 40px ) 0 0 -@login-width/2;
	padding: 25px 0 0;


	&.box {
		border: 1px solid #ddd;
		border-radius: 5px;
	}

	.mrow {
		width: 100%;
		height: 40px;
		margin: 10px 0 0;
		padding: 0 15px;

		.for {
			float: left;
			font: normal normal normal 12px/30px 'microsoft yahei';
		}

		.text {
			float: right;
			width: 160px;
		}

		a.btn {
			width: 100%;
		}
	}
}